<%@ page language="java" pageEncoding="UTF-8"
	trimDirectiveWhitespaces="true"%>
<%@include file="../include/jspheader.jsp"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱波利-背单词</title>
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/css/basic.css" />
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/css/memorization.css" />

<script charset="utf-8" type="text/javascript"
	src="<%=request.getContextPath()%>/js/jquery.js"></script>
<script charset="utf-8" type="text/javascript"
	src="<%=request.getContextPath()%>/js/jquery.timers-1.2.js"></script>
<script charset="utf-8" type="text/javascript"
	src="<%=request.getContextPath()%>/js/readword.js"></script>
<script charset="utf-8" type="text/javascript"
	src="<%=request.getContextPath()%>/js/spelling.js"></script>

<style>
<!--
li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: #004285;
	border: none;
}

a:hover {
	text-decoration: none;
	color: #C33;
}

#right1 {
	width: 260px;
	margin: 50px auto;
	padding: 10px;
	border: #EEE 1px solid;
}

#right1 h3 {
	font-size: 12px;
}

#right1 ul {
	background: url("/uploads/allimg/1101/ul-bg.gif") repeat-y 5px 0px;
	overflow: hidden;
}

#right1 ul li {
	padding: 5px 0 2px 15px;
	background: url("/uploads/allimg/1101/tree-ul-li.gif") no-repeat 5px
		-32px;
}

#right1 ul li ul {
	display: none;
}

#right1 ul li em {
	cursor: pointer;
	display: inline-block;
	width: 15px;
	float: left;
	height: 15px;
	margin-left: -14px;
	background: url("images/zhankai.png") no-repeat -32px
		2px;
}

#right1 ul li em.off {
	background-position: -17px -18px;
	background: url("images/shoulong.png") no-repeat -32px
		2px;
}

#right1 ul.off {
	display: block;
}
-->
</style>
</head>
<body>
	<div id="Mainbody">
		<!--头子开始-->
		<div id="TopRange">
			<div class="left">
				<img src="<%=request.getContextPath()%>/images/logo.png" width="316"
					height="44" />
			</div>
			<!--  
			<div class="right">
				<a href="#">帮助</a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="#">登录</a> | <a href="#">马上注册</a>
			</div>-->
			<div class="right">
				<s:if test="#session.USER_NAME==null">
					<a href="<%=request.getContextPath()%>/user/doViewLogin.action">
						登录</a> | 
                    <a
						href="<%=request.getContextPath()%>/user/doViewRegister.action">马上注册</a>
				</s:if>
				<s:else>
					<a href="#">帮助</a>&nbsp;&nbsp;欢迎您,
                    <a href="#"><s:property
							value="#session.USER_NAME" /> </a>&nbsp;&nbsp;
                    <a
						href="<%=request.getContextPath()%>/user/doLogOut.action">退出</a>
				</s:else>
			</div>
			<div class="clear"></div>
		</div>
		<!--头子结束-->

		<!--左边开始-->
		<%@include file="../include/left.jsp"%>
		<!--左边结束-->

		<!--中间开始-->
		<div class="center">
			<table border="0" cellspacing="0" cellpadding="0" class="current">
				<tr>
					<td align="left" id="WordCount">当前课本170个单词</td>
					<td align="right">熟悉：<span id="FamiliarWordCount">150</span>
						个&nbsp;&nbsp;&nbsp;生词：<a href="#"><span id="StrangeWordCount">20</span>
					</a>&nbsp;个</td>
				</tr>
			</table>
			<div class="WordRange">
				<input type="hidden" id="bookid" value="6" /> 
				<input type="hidden" id="wordid" value="0" /> 
				<input type="hidden" id="index" value="0" />
				<span class="time" id="time">5s</span> <span class="word" id="word">recount</span>
				<span class="phonetic">[ˈrɪˌkaʊnt]</span> <a href="#"
					id="recitation"><img
					src="<%=request.getContextPath()%>/images/labada.png" width="23"
					height="22" /> </a>
			</div>
			<div class="BottonRang">
				<input name="" type="button" value="上一个" class="bot1" id="preWord" />
				<input name="" type="button" value="下一个" class="bot1" id="nextWord" />&nbsp;&nbsp;&nbsp;&nbsp;
				<input name="" type="button" value="熟悉" class="bot2" id="familiar" />
				<input name="" type="button" value="模糊" class="bot2" id="fuzzy" />
				<input name="" type="button" value="生词" class="bot2" id="strange" />
			</div>
			<div class="greenlink">
				<a href="#" id="directlyShow">直接查看解释</a>
			</div>
			<table border="0" cellspacing="0" cellpadding="0" class="paragraph">
				<tr>
					<th>基本释义</th>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td align="left" id="explain">vt. 叙述；重新计算<br /> n. 重算</td>
					<td align="right" valign="bottom"><a
						href="<%=request.getContextPath()%>/epowerwordforday/viewReadEpowerWordForDay.action">回顾每日一词</a>
					</td>
				</tr>
			</table>
			<table border="0" cellspacing="0" cellpadding="0" class="paragraph">
				<tr>
					<th>参考例句</th>
				</tr>
				<tr>
					<td align="left" id="sentence">
						<p>
							1.The motion was passed on show of hands, although voting was
							close and the opposition <br /> asked for a<strong>
								recount</strong>.&nbsp;<a href="#"><img
								src="<%=request.getContextPath()%>/images/voice.png" width="14"
								height="14" /> </a><br /> 大家举手表决通过了这项提议，然而表决的结果近乎相等，反对派要求重新计数。
						</p>
						<p>
							2.She <strong>recounted</strong> her adventures.&nbsp;<a href="#"><img
								src="<%=request.getContextPath()%>/images/voice.png" width="14"
								height="14" /> </a><br /> 她讲了她的冒险经历。
						</p>
						<p>
							3.The defeated candidate demanded a <strong>recount</strong>.&nbsp;<a
								href="#"><img
								src="<%=request.getContextPath()%>/images/voice.png" width="14"
								height="14" /> </a><br /> 落选的候选人要求重新计算选票。
						</p></td>
				</tr>
			</table>
			<!--  
			<table border="0" cellspacing="0" cellpadding="0"
				class="paragraph LastTable">
				<tr>
					<th>词性</th>
				</tr>
				<tr>
					<td align="left">vt. 叙述；重新计算<br /> n. 重算</td>
				</tr>
			</table>
			-->
		</div>
		<!--中间结束-->

		<!--右边开始-->
		<div class="right1" id="right1">
			
		</div>
		<!--右边结束-->

		<div class="clear"></div>
		<%@include file="../include/footer.jsp"%>
	</div>
</body>
</html>
